﻿@model BuySoftwareOnline.Domain.Customer

@{
    ViewBag.Title = "Register";
}
<br />
<br />

<script type="text/javascript">
    $(function () {
        $("#Birthday").datepicker($.datepicker.regional["vi"]);
    });
</script>

<table width="100%" cellpadding="10">
    <tr>
       <td align=center>
        <h2 class="art-postheader">
            <img src="../../Content/images/01.png" width=20 height=20 /> Đăng ký        </h2>
        </td>
    </tr>
    <tr>
        <td>
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Thông tin đăng nhập</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Account)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Account)
            @Html.ValidationMessageFor(model => model.Account)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Password)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Password)
            @Html.ValidationMessageFor(model => model.Password)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Repassword)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Repassword)
            @Html.ValidationMessageFor(model => model.Repassword)
        </div>
    </fieldset>
    
    <fieldset>
        <legend>Thông tin khách hàng</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.CustomerName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CustomerName)
            @Html.ValidationMessageFor(model => model.CustomerName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.CustomerMail)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CustomerMail)
            @Html.ValidationMessageFor(model => model.CustomerMail)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Phone)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Phone)
            @Html.ValidationMessageFor(model => model.Phone)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Birthday)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Birthday)
            @Html.ValidationMessageFor(model => model.Birthday)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Address)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Address)
            @Html.ValidationMessageFor(model => model.Address)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.SecretQuestion)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.SecretQuestion)
            @Html.ValidationMessageFor(model => model.SecretQuestion)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Answer)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Answer)
            @Html.ValidationMessageFor(model => model.Answer)
        </div>

        <b>Chứng thực</b>
        <p>Vui lòng điền các ký tự trong hình dưới đây.</p>
        @Html.Captcha("myCaptcha")
        <div>Các ký tự chứng thực: @Html.TextBox("attempt")</div>
        @Html.ValidationMessage("attempt")
     </fieldset>
        <p>
              <span class="art-button-wrapper">
          	<span class="art-button-l"> </span>
          	<span class="art-button-r"> </span>
          	<input class="art-button" type="submit" name="Submit" value="Đăng ký" />
          </span>
               <span class="art-button-wrapper">
          	<span class="art-button-l"> </span>
          	<span class="art-button-r"> </span>
          	<input class="art-button" type="reset" name="Reset" value="Làm lại" />
          </span>
        </p>

}
        </td>
    </tr>
</table>
<div>
    @Html.ActionLink("Trở về trang chủ", "Index")
</div>